import { Canvas, Story, Meta } from "@storybook/blocks";
import { DatePicker, Box } from "metabase/ui";
import * as DateTimePickerStories from "./DateTimePicker.stories";

<Meta of={DateTimePickerStories} />

# DateTimePicker

Our themed wrapper around [Mantine DateTimePicker](https://mantine.dev/dates/date-time-picker/).

## Docs

- [Mantine DatePicker Docs](https://mantine.dev/dates/date-time-picker/)

## Examples

<Canvas of={DateTimePickerStories.Default} />

### With Seconds

<Canvas of={DateTimePickerStories.WithSeconds} />

### Value Format

<Canvas of={DateTimePickerStories.ValueFormat} />
